@import "common";

@media (max-width: @sreen) {
  .nav-top{
    width: 100%;margin: 0 auto;padding: 20/@rem 10/@rem;height:100/@rem;box-sizing: border-box;
    & > div{float: left;height: 100%;}
    img{height: 100%;display: block;}
    .logo-txt{
      margin-left: 20/@rem;margin-top: 20/@rem;
      img{height: 30/@rem;}
    }
  }
  .nav{display: none;}
  .footer{display: none;}

  .c-title{height:100/@rem; background:url("/src/img/title-bg.png") no-repeat center center/cover; line-height:100/@rem;
    span{width:100%;font-size:30/@rem; font-weight:bold;
      &:before{width:8/@rem; height:30/@rem; background:#62dfaf; margin-right:30/@rem; vertical-align:-6/@rem;}
    }
  }

  .c-content{
    .center{width:100%; margin:0;position: relative;overflow: visible;padding-top: 400/@rem;
      .left{
        min-height:0;line-height:30px;padding: 0 80/@rem;float:none;width:100%;border-right:none;box-sizing: border-box;
      }
    }
    .rule{
      float:none;position: absolute;width:100%;padding: 0;top: 0;
      .title{display: none;}
      .area{display: none;}
      .items{border-left: 1px solid #ccc;margin: 20/@rem 80/@rem;
        li{
          height: 60/@rem;font-size: 24/@rem;
          &.active{
            &:before{left: -40/@rem;background-size: 100% 100%;}
          }
          span{padding: 0 40/@rem;}
        }
      }
    }
  }

  //参赛作品
  .c-works{
    .center{
      .left{
        .hint{font-size: 24/@rem;}
        .lists{margin: 0;
          li{width: 100%;float: none;margin-left: 0;margin-bottom: 50/@rem;box-sizing: border-box;}
        }
      }
    }
  }

  //作品详情
  .c-detail{
    .center{
      min-height: 0;padding-top: 30/@rem;padding-bottom: 100/@rem;
      .tit{font-size: 48/@rem;}
      .explain{margin-top: 20/@rem;font-size: 30/@rem;}
      .imgs{
        margin: 40/@rem 20/@rem 0;
        .img{
          margin-bottom: 30/@rem;
          img{max-width: 100%;}
        }
      }
    }
    .btn-footer{
      width: 100%;left: 0;margin-left: 0;bottom: 0;height: 100/@rem;border-right: none;border-left: none;padding: 20/@rem 40/@rem;
      .num{line-height: 60/@rem;font-size: 24/@rem;
        span{font-size: 36/@rem;}
      }
      .btn{height: 60/@rem;border: none;background: url("/src/img/btn-bg.jpg") top left /contain repeat-y;border-radius: 30px;padding: 0 45/@rem;color: #fff;font-size: 28/@rem;cursor: pointer;}
    }
  }

  .sweet-alert{
    left: 100/@rem;right: 100/@rem;
    h2{margin: 10px 0;font-size: 30/@rem;line-height: normal;}
    button{margin-top: 10px;padding:10/@rem 32/@rem;}
  }
}